$(function () {
    let id = sessionStorage.getItem("userId");
    findById(id);
});

function findById(id) {
    $.ajax({
        url: '/back/user/findById',
        data: {id: id},//key-value
        type: 'get',
        dataType: 'json',
        success: function (res) {
            console.log(res);
            setUserData(res.data);
        }
    })
}

function setUserData(data) {
    layui.use(['form'],
        function () {
            $ = layui.jquery;
            var form = layui.form;


            // $("#username").attr("value",data.username);
            $("#username").val(data.username);
            $("#phone").val(data.phone);
            $("#email").val(data.email);


            $("#sex").val(data.sex);
            $("#birthday").val(data.birthday);
            $("#remark").val("fghjkl;lkhgfgj");

            $('input[name="enable"][value="' + data.enable + '"]').prop('checked', 'checked');
            //赋值复选框
            //1.得到后台传递过来的爱好 data.hobby
            //2.将data.hobby分成单个和页面上的爱好进行以一比对，如果相等则让当前的复选框选中
            if (data.hobby != undefined) {
                let hobbys = data.hobby.split(",");
                $("input[type=checkbox][name=hobby]").each(function () {
                    for (let i = 0; i < hobbys.length; i++) {
                        // 拿到后台传递过来的爱好和页面的爱好进行对比
                        if (hobbys[i] == $(this).attr("title")) {
                            //拿到对象的属性checked，并赋值为true
                            $(this).attr("checked", true);
                        }
                    }
                })
            }
            //一定要渲染一次
            form.render();

        });

}

layui.use(['laydate', 'form', 'layer'],
    function () {
        $ = layui.jquery;
        var form = layui.form;
        var laydate = layui.laydate;
        let layer = layui.layer;
        //执行一个laydate实例
        laydate.render({
            elem: '#birthday' //指定元素
            , trigger: 'click'
        });

        //监听提交
        //update 对应页面的lay-filter="update"
        form.on('submit(update)',
            function (data) {
                data = data.field;
                let hobby = [];
                $("input[type=checkbox][name=hobby]:checked").each(function () {
                    hobby.push($(this).attr("title"));
                });
                data.hobby = hobby.toLocaleString();
                data.id=sessionStorage.getItem("userId");
                console.log(data);
                $.ajax({
                    url: '/back/user/update',//对于servlet里面的注解地址
                    data: data,//传递给后台的数据
                    type: 'post',//对于方法
                    dataType: 'json',//默认全是json
                    success: function (res) {//res后台传递到前端的数据
                        if (res.msg == 'success') {
                            layer.alert("编辑成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("编辑失败");
                        }
                    }
                });
                return false;
            });
    });